배경
다들 Android 개발을 하시다 보면 Composable에 대해서 한 번쯤 들어봤을 겁니다. 저도 inflearn에 있는 Android 개발 강의와 각종 블로그를 읽으면서 자주 들게 되었는데요~ 이번 글에서는 Compose는 무엇이며, Composable이 무엇이고, 어떻게 동작하며, Android 개발에서 어떤 역할을 하는지에 대해서 알려드리겠습니다.
1. Compose
등장 배경
JetPack compose는 Android 개발에 있어 현대적인 UI 도구 키트입니다. 기존에는 XML이라는 언어로 UI를 개발하고 Java혹은 Kotlin을 이용해서 XML에 있는 데이터를 가져오거나 상태를 바꾸는 방법으로 개발을 하였으나, 이럴 경우 UI와 서비스 단의 코드가 분리되어 잦은 코드 이동과 코드 분산 문제가 있으므로 Kotlin언어 만으로 UI를 구성할 있는 Compose라는 도구가 등장하였습니다.
2. Composable
@Composable
fun Greeting(name: String) {
text(
text = "Hello $name",
Modifier
.padding(80.dp)
.background(color = Color.Cyan)
.padding(16.dp)
)
}위 명령어와 같이 Android에서 Jetpack Compose로 화면을 구현할 때는 @Composable을 붙인다.
어떻게 동작하는가?
Compose Cmopiler Plugin → @Composable 감지 → Compose Runtime → Composition 추천